<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/static/h5/css/public/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="${ctx}/static/h5/css/public/swiper.min.css"/>
    <link rel="stylesheet" href="${ctx}/static/h5/css/personal/family-news.css"/>
    <title>云谱头条</title>
</head>
<body>
<div id="familyNews">
    <header>
        <a href="javascript:;" onclick="window.history.back()" class="go-back">
            <i class="fa fa-angle-left" aria-hidden="true"></i>
            <span>返回</span>
        </a>
        <h4>云谱头条</h4>
    </header>
    <section class="family-news">
        <!---头部轮播--->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="${ctx}/h5/news/getNewStatic">
                        <img src="${ctx}/static/h5/images/news_kongzi.jpg"/>
                        <span class="new_font">这个家族竟是孔子的后代</span>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="${ctx}/h5/news/getNewStatic">
                        <img src="${ctx}/static/h5/images/news_zhangqian.jpg"/>
                        <span class="new_font">看张骞的后代的高尚品德</span>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="${ctx}/h5/news/getNewStatic">
                        <img src="${ctx}/static/h5/images/news_yuefei.jpg"/>
                        <span class="new_font">忠良之后世代保家卫国</span>
                    </a>
                </div>
            </div>
            <!-- 分页器 -->
            <div class="swiper-pagination"></div>
        </div>

        <ul class="new_content">
            <c:forEach items="${newslist.content}" var="li">
                <%--查看status 是否为0--%>
                <c:if test="${li.deltag==0}">
                    <li class="new_views">
                        <a href="${ctx}/h5/news/getNewsById?newId=${li.id}">
                        <div class="container">
                                <div class="row">
                                    <%--<fmt:formatDate value="${}" pattern="hh"></fmt:formatDate>--%>
                                    <div class="col-xs-9 left_layout">
                                        <p class="new_describe">${li.fnDesp}</p>
                                        <p class="issue_time">
                                           <span><fmt:formatDate value="${li.createtime}" pattern="yyyy-MM-dd HH:mm:ss" /></span>
                                        </p>
                                    </div>
                                    <div class="col-xs-3 img_box right_layout"><img src="${li.imgUrl}" alt=""/></div>
                                </div>
                        </div>
                        </a>
                    </li>
              </c:if>
            </c:forEach>
        </ul>
    </section>
</div>
</body>
<script src="${ctx}/static/h5/js/public/jquery-2.2.3.min.js"></script>
<script src="${ctx}/static/h5/js/public/bootstrap.min.js"></script>
<script src="${ctx}/static/h5/js/public/swiper.jquery.min.js"></script>
<script src="${ctx}/static/h5/js/personal/find_news.js"></script>
</html>